* {
  margin: 0;
  padding: 0; }

body {
  background: #ffffff; }

li {
  list-style: none; }

.box {
  width: 100.16103vw;
  overflow: hidden; }

.head {
  width: 92.99517vw;
  height: 13.6876vw;
  margin: 0vw auto;
  padding: 4.02576vw 0vw;
  box-sizing: border-box; }
  .head .left {
    float: left;
    font-size: 4.99195vw; }
  .head .right {
    float: right;
    font-size: 3.22061vw;
    line-height: 8.05153vw; }
    .head .right span {
      color: #999;
      margin-left: 3.62319vw; }

.section {
  width: 92.99517vw;
  height: 42.67311vw;
  margin: 0vw auto;
  background: #e46356;
  border-radius: 1.61031vw;
  padding: 6.44122vw 5.23349vw 0vw;
  box-sizing: border-box;
  color: #ffffff; }
  .section .vouchers {
    height: 4.02576vw;
    margin-bottom: 3.62319vw; }
    .section .vouchers p {
      float: left;
      font-size: 3.22061vw; }
      .section .vouchers p span {
        display: inline-block;
        width: 1.20773vw;
        height: 1.20773vw;
        border-radius: 50%;
        background: #f3e855; }
  .section .time {
    height: 8.05153vw;
    margin-bottom: 7.24638vw; }
    .section .time p {
      font-size: 5.23349vw;
      float: left; }
    .section .time button {
      float: left;
      margin-left: 3.62319vw;
      width: 20.12882vw;
      height: 7.24638vw;
      border: none;
      border-radius: 4.02576vw;
      outline: none;
      background: #ffffff;
      color: #e46356;
      font-size: 2.81804vw; }
  .section .list {
    height: 12.07729vw;
    font-size: 2.81804vw; }
    .section .list li {
      float: left;
      width: 22.54428vw;
      height: 7.24638vw; }
    .section .list li:nth-child(1) {
      position: relative; }
      .section .list li:nth-child(1) span {
        display: inline-block;
        width: 6.44122vw;
        height: 3.62319vw;
        line-height: 3.62319vw;
        font-size: 2.01288vw;
        text-align: center;
        background: #c8524b;
        border-radius: 1.61031vw 1.61031vw 1.61031vw 0vw;
        position: absolute;
        top: -0.80515vw;
        left: 12.88245vw; }
    .section .list span {
      float: left;
      margin-right: 6.03865vw;
      font-size: 4.83092vw;
      color: #f17969; }

.nav {
  width: 92.99517vw;
  height: 46.69887vw;
  margin: 4.02576vw auto 8.85668vw; }
  .nav li {
    float: left;
    width: 18.51852vw;
    height: 22.54428vw; }
    .nav li span {
      display: block;
      width: 10.46699vw;
      height: 10.46699vw;
      line-height: 10.46699vw;
      border: 0.24155vw solid #e8d4c4;
      border-radius: 50%;
      text-align: center;
      margin: 0vw 0vw 2.01288vw 3.22061vw;
      font-size: 5.63607vw;
      color: #c7a57b; }
    .nav li p {
      font-size: 3.22061vw;
      text-align: center; }
